#charge{
  position: absolute;
  right: 20%;
  bottom: 32%;
  width: 500px;
  height: 400px;
  z-index: 100000;
  background: rgba(0,0,0,0.8);
  .action_title{
    cursor: move;
  }
  >p{
    height: 40px;
    line-height: 40px;
    background: #1295ff;
    color: #fff;
    text-align: center;
    font-size: 18px;
  }
}
.charge_item{
  width: 100%;
  height: 360px;
  overflow-y: auto;
  font-size: 14px;
  >li{
    margin-bottom: 5px;
    >p{
      background: #4c4b50;
      line-height: 30px;
      color: #fff;
      >.btns{
        display: inline-block;
        float: right;
        margin-right: 10px;
        >span:first-child:after{
          content: url("../../../image/charge/charge_close_red.png");
          margin-right: 10px;
          cursor: pointer;
        }
        >span:last-child:after{
          content: url("../../../image/charge/charge_right.png");
          cursor: pointer;
        }
      }
      >.charge_show{
        margin-left: 10px;
        &:after{
          content: url("../../../image/charge/charge_show.png");
          cursor: pointer;
        }
      }
      >.charge_name{
        display: inline-block;
        margin-left: 15px;
        &:after{
          content: url("../../../image/edit.png");
          cursor: pointer;
          margin-left: 10px;
        }
      }
    }
    >div{
      color: #fff;
      font-size: 12px;
      tr{
        width: 100%;
        th{
          line-height: 30px;
        }
        td,th{
          text-align: center;
          border: 1px solid #7b7b7b;
          background: #2d2e32;
          line-height: 25px;
          &:nth-child(1){
            width: 5%;
          }
          &:nth-child(2){
            width: 15%;
          }
          &:nth-child(3){
            width: 15%;
          }
          &:nth-child(4){
            width: 30%;
          }
          &:nth-child(5){
            width: 5%;
          }
        }
      }
    }
  }
}
.charge_remove{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../../../image/charge/charge_close.png") no-repeat;
  cursor: pointer;
}